@charset "utf-8"; 
/* CSS Document 
———————————————————————————————————————————————————————
→版权所有，欢迎活好的童鞋一起交流前端QQ:546421169
———————————————————————————————————————————————————————
*/
body{ margin:0px; padding:50px 0px 0px; font-size:14px; line-height:24px; color:#333; font-family:"Microsoft YaHei"; background:#fff;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px; font-weight:normal;}
ul,li{ list-style:none;}
img{border:0px; padding:0px;}
a{ color:#333; text-decoration:none; transition: all 0.3s linear 0s;}
a:hover{text-decoration:none;}
input,textarea,select{ font-size:14px; color:#333; font-family:"Microsoft YaHei"; border:0;outline:none; -webkit-appearance:none; outline:none; border-radius:0;}
.clear{ clear:both;font-size:0px; line-height:0px;}
.div_l{ float:left;}
.div_r{ float:right;}
.content{ width:100%; max-width:640px; margin:0px auto; overflow:hidden; background:#fff;}


/*----------------------弹出框--------------------------*/
.popup_tsk{ width:100%; position:fixed; text-align:center; left:0%; top:30%; z-index:9; overflow:hidden; display:none;}
.popup_tsk p{ padding:6px 20px; display:inline-block; font-size:14px; color:#fff; background:rgba(0, 0, 0, 0.5); border-radius:5px; -moz-border-radius:5px;}

.loading{ width:100%; height:100%; position:fixed; left:0px; top:0px; background:rgba(0, 0, 0, 0.1); z-index:9; -moz-user-select:none; -khtml-user-select: none; user-select:none; display:none;}
.loading_c{ width:110px; height:85px; padding-top:20px; position:fixed; left:50%; margin-left:-55px; top:45%; background:rgba(0, 0, 0, 0.5); border-radius:10px; -moz-border-radius:10px;}
.loading span{ width:100%; height:65px; text-align:center; text-indent:5px; color:#fff; display:block; background:url(../images/loading.gif) center bottom no-repeat;}
.loading span p{ color:#fff;}


/*------------------------注册页----------------------------*/
.register_top{ padding:50px 0px; background:url(../images/register_bg.png);}
.register_top .pic{ line-height:0px; font-size:0px; text-align:center;}
.register_top .pic img{ width:100%;}

.register{ padding:10px;}
.register .box{ padding:5px 0px; overflow:hidden;}
.register .box_border{ border-bottom:1px solid #ddd;}
.register .box span{ width:25px; height:25px; margin-top:8px; display:block; float:left; background:url(../images/ico.png); background-size:25px auto; background-position:-5px 0px;}
.register .box span.sjh_yzm{ background-position:-5px -25px;}

.register .box .text{ float:left; line-height:20px; height:20px; padding:10px 0px 10px 0px; color:#666;}
.register .box .text1{ width:-moz-calc(100% - 25px); width:-webkit-calc(100% - 25px); width:calc(100% - 25px);}
.register .box .text2{ width:-moz-calc(100% - 145px); width:-webkit-calc(100% - 145px); width:calc(100% - 145px);}
.register .box .yzm{ width:120px; float:left; height:36px; line-height:36px; margin-top:2px; text-align:center; color:#0099ff;}
.register .box .yzm.hov{ color:#333;}
.register .box .zcxy{ padding:10px 0px 10px 25px; display:block; position:relative; color:#666;}
.register .box .zcxy a{ color:#666; text-decoration:underline;}
.register .box .zcxy:after{ width:14px; height:14px; content:""; display:block; position:absolute; left:0px; top:14px; border:1px solid #ddd;}
.register .box .zcxy.hov:after{ background:url(../images/ico.png); background-size:18px auto; background-position:-3px -37px;}
.register .box .bnt_ljzc{ width:100%; height:45px; line-height:45px; display:block; font-size:16px; text-align:center; color:#fff; background:#e9004f; cursor:pointer;}
.register .box input::-webkit-input-placeholder {color:#666;}



/*------------------------认证页----------------------------*/
.head_bg{ height:50px; line-height:50px; background:#e9004f; position:fixed; left:50%; margin-left:-320px; top:0px; z-index:8; box-shadow:0 0 3px #cecece; -webkit-box-shadow:0 0 3px #cecece; -moz-box-shadow:0 0 3px #cecece;}
.head{ padding:0px 10px; position:relative;}
.head h1{ font-size:18px; text-align:center; color:#fff;}
.return_ico{ width:50px; height:50px; position:absolute; left:0px; top:0px;}
.return_ico span{ width:20px; height:20px; display:block; margin:15px 0px 0px 8px; background:url(../images/ico.png) -2px -475px; background-size:25px auto;}


/*------------------------订单列表----------------------------*/
.order_list_bg{ background:none;}
.order_list{ padding:10px;}
.order_list li{ margin-bottom:10px; background:#fff; padding:10px; box-shadow:0 1px 4px #d8d8d8; -webkit-box-shadow:0 1px 4px #d8d8d8; -moz-box-shadow:0 1px 4px #d8d8d8; border-radius:4px; -moz-border-radius:4px; overflow:hidden; position:relative;}
.order_list li h3{ overflow:hidden; padding-bottom:10px; font-weight:bold;}
.order_list li h4{ font-size:16px; line-height:20px; padding-bottom:8px;}
.order_list li h4 b{ display:block; padding-left:60px; text-indent:-60px; padding-bottom:5px; font-weight:normal;}
.order_list li h4 span{ font-size:14px; line-height:18px; display:block; padding-left:65px;}
.order_list li h5{ font-size:16px; padding-bottom:3px; padding-left:65px; text-indent:-65px; line-height:20px; padding-bottom:5px;}
.order_list li label{ display:block; padding-left:16px; font-size:16px; font-weight:bold;}
.order_list li label span{ color:#e9004f;}
.order_list li .a_bnt{ margin-top:10px; display:block; line-height:35px; color:#fff; text-align:center; border-radius:45px; -moz-border-radius:45px; box-shadow:0 1px 4px #d8d8d8; -webkit-box-shadow:0 1px 4px #d8d8d8; -moz-box-shadow:0 1px 4px #d8d8d8; background:#ff751a;}
.order_list .box_bnt{ overflow:hidden; padding-top:10px;}
.order_list .box_bnt a{ width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px); display:block; float:left; text-align:center; line-height:35px; color:#ff751a; border-radius:45px; -moz-border-radius:45px; background:#fff; border:1px solid #ff751a;}
.order_list .box_bnt a.bnt_qrqh{ float:right; background:#ff751a; color:#fff; border-color:#ff751a;}
.order_list .box_bnt a.bnt_hpsd{ float:right; background:#ff751a; color:#fff; border-color:#ff751a;}

.order_xx_top{ background:none;}
.order_xx_top .com{ background:#fff; padding:20px 55px 5px 30px; margin:10px; border-radius:5px; -moz-border-radius:5px; box-shadow:0 1px 4px #d8d8d8; -webkit-box-shadow:0 1px 4px #d8d8d8; -moz-box-shadow:0 1px 4px #d8d8d8;}
.order_xx_top .com div{ padding-bottom:15px; position:relative;}
.order_xx_top h3{ font-size:16px; color:#333; line-height:20px; font-weight:bold; padding-bottom:2px;}
.order_xx_top p{ color:#666; font-size:15px; line-height:18px;}
.order_xx_top p b{ padding-bottom:2px; display:block;}
.order_xx_top a{ width:35px; height:35px; display:block; position:absolute; right:-43px; top:0px; background:url(../images/ico.png) 0 -735px; background-size:35px auto;}
.order_xx_top .shrxx p{ color:#333;}
.order_xx_top .shrxx a{ background-position:0 -770px;}
.order_xx_top .com div:after{ width:7px; height:7px; content:""; display:block; position:absolute; left:-15px; top:7px; background:#3670d4; border-radius:360px; -moz-border-radius:360px;}
.order_xx_top .com div.shrxx:after{ background:#ff751a;}

.order_xx_com{ background:none;}
.order_xx_com ul{ background:#fff; margin:0 10px 10px; padding:0 10px; border-radius:5px; -moz-border-radius:5px; box-shadow:0 1px 4px #d8d8d8; -webkit-box-shadow:0 1px 4px #d8d8d8; -moz-box-shadow:0 1px 4px #d8d8d8;}
.order_xx_com li{ padding:0 2px; line-height:45px; border-bottom:1px solid #f5f5f5; overflow:hidden;}
.order_xx_com li p{ float:left; color:#666;}
.order_xx_com li span{ float:left; margin-left:20px;}
.order_xx_com li .text_hs{ color:#e9004f;}
.order_xx_com li s{ text-decoration:none; float:right;}
.order_xx_com li b{ float:left; margin-left:20px; color:#ff751a; font-size:16px;}
.order_xx_com li:last-child{ border-bottom:0px;}

.order_xx_bnt{ width:100%; line-height:45px; position:fixed; left:0px; bottom:0px;}
.order_xx_bnt .content{ box-shadow:0 0 3px #d8d8d8; -webkit-box-shadow:0 0 3px #d8d8d8; -moz-box-shadow:0 0 3px #d8d8d8;}
.order_xx_bnt a{ width:40%; float:left; display:block; text-align:center; font-size:16px; color:#666;}
.order_xx_bnt a.bnt_right{ width:60%; color:#fff; background:#ff751a;}


.group_tc_bg{ width:100%; height:100%; position:fixed; left:0px; top:0px; background:rgba(0, 0, 0, 0.7); z-index:9; display:none;}
.group_tc{ width:300px; margin:50% auto 0; text-align:center; background:#fff; border-radius:4px; -moz-border-radius:4px;}
.group_tc h3{ text-align:center; color:#e9004f; font-size:25px; padding:30px 0 0;}
.group_tc p{ padding:22px 20px 25px; font-size:16px; line-height:24px; margin:0px;}
.group_tc .bnt{ line-height:45px; border-top:1px solid #ddd; overflow:hidden;}
.group_tc .bnt a{ width:50%; display:block; float:left; font-size:14px; text-decoration:none; color:#333;}
.group_tc .bnt a:last-child{ width:-moz-calc(50% - 1px); width:-webkit-calc(50% - 1px); width:calc(50% - 1px); color:#dd0050; border-left:1px solid #ddd;} 
.group_tc .com{ padding:10px 20px;}
.group_tc .com .box{}
.group_tc .com label{ display:block; text-align:left; line-height:30px;}
.group_tc .com select{ width:100%; padding:8px 5px; background:#fff; border:1px solid #ddd; text-align:left; margin-bottom:10px;}
.group_tc .com .text{ width:254px; height:50px; background:#fff; border:1px solid #ddd; resize:none;}


.menu_bg{ width:100%; position:fixed; left:0px; bottom:0px;}
.menu_bg a{ width:50%; display:block; float:left; height:55px; text-align:center; position:relative;}
.menu_bg a p{ line-height:20px;}
.menu_bg a span{ width:25px; height:25px; margin:8px auto 2px; display:block; background:url(../images/ico.png); background-size:25px auto;}
.menu_bg a.a_xrw span{ background-position:0px -275px;}
.menu_bg a.a_dqh span{ background-position:0px -300px;}
.menu_bg a.a_psz span{ background-position:0px -325px;}
.menu_bg a.a_ywc span{ background-position:0px -350px;}
.menu_bg a.hov p{ color:#e9004f;}
.menu_bg a.new:after{ width:6px; height:6px; content:""; display:block; position:absolute; left:60%; top:12px; background:#e9004f; border-radius:360px; -moz-border-radius:360px;}
.menu_bg a.a_xrw.hov span{ background-position:0px -375px;}
.menu_bg a.a_dqh.hov span{ background-position:0px -400px;}
.menu_bg a.a_psz.hov span{ background-position:0px -425px;}
.menu_bg a.a_ywc.hov span{ background-position:0px -450px;}


.bnt_refresh{ width:45px; height:45px; line-height:45px; font-size:14px; color:#fff; text-align:center; display:block; position:fixed; right:5px; bottom:20%; background:#4c4c4c; box-shadow:0 3px 4px #b1b1b1; -webkit-box-shadow:0 3px 4px #b1b1b1; -moz-box-shadow:0 3px 4px #b1b1b1; border-radius:360px; -moz-border-radius:360px;}

.no_order{ background:none;}
.no_order dl{ text-align:center; color:#cacaca; font-size:16px;}
.no_order dd{ padding-top:100px; line-height:0px; font-size:0px;}
.no_order dd img{ width:50%;}





/*------------------------无数据样式----------------------------*/
.no_data{ background:none;}
.no_data dl{}
.no_data dd{ width:80px; height:80px; background:#eee; margin:80px auto 20px; background:url(../images/ico.png); background-size:80px auto;}
.no_data dt{ line-height:20px; text-align:center; color:#d7bfa5;}
.no_data .no_order{ background-position:0px -2160px;}
.no_data .no_address{ background-position:0px -2240px;}
.no_data .no_cart{ background-position:0px -2320px;}



















